<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>icxcc</title>
    <link rel="icon" href="./img/favicon.ico" mce_href="./img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./lib/bootstrap4.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="./lib/editor.md/css/editormd.min.css">
    <link rel="stylesheet" href="css/index.css">

</head>
<body>
<div id="app" v-cloak>
    <header>
        <!-- Fixed navbar -->
        <nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light">
            <a class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </a>
            <router-link to="/home"><img width="30" height="30" src=./img/logo.png></router-link>
            <div class="collapse navbar-collapse" id="navbarCollapse">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item">
                        <router-link to="/home" class="nav-link">首页</router-link>
                    </li>
                    <li class="nav-item">
                        <router-link to="/categories" class="nav-link">分类</router-link>
                    </li>
                    <li class="nav-item">
                        <router-link to="/tags" class="nav-link">标签</router-link>
                    </li>
                    <li class="nav-item">
                        <router-link to="/about" class="nav-link">关于</router-link>
                    </li>
                </ul>
                <div class="dropdown show">
                    <a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        xxx
                    </a>
                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">logout</a>
                    </div>
                </div>
            </div>
        </nav>
    </header>
    <main role="main" class="container-fluid" style="height: 800px;">
        <router-view></router-view>
    </main>
    <footer class="footer">
        <div class="container text-center">
            <span class="text-muted font-weight-light">鄂ICP备18010634号-2&nbsp;&nbsp;</span>
            <span class="text-muted font-weight-light">Copyright &copy; 2018 Hu Xiaolong.&nbsp;&nbsp;</span>
            <span class="text-muted font-weight-light">All rights reserved.</span>
        </div>
    </footer>
</div>

<script src="https://cdn.bootcss.com/require.js/2.3.5/require.min.js" data-main="./js/config"></script>
</body>
</html>